<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <table border="1">
        <!-- caption表格大标题 不在表格内呈现标题效果 -->
        <caption>学生成绩单</caption>
        <!-- 表格头部 -->
        <thead>
            <tr>
                <!-- th表头单元格 里面字体会呈现加粗效果-->
                <th>姓名</th>
                <th>成绩</th>
                <th>评语</th>
            </tr>
        </thead>
        <!-- 表格主体 -->
        <tbody>
            <tr>
                <td>张三</td>
                <td>100分</td>
                <td>真不错</td>
            </tr>
            <tr>
                <td>张三</td>
                <td>100分</td>
                <td>真不错</td>
            </tr>
            <tr>
                <td>张三</td>
                <td>100分</td>
                <td>真不错</td>
            </tr>
        </tbody>
        <!-- 表格底部 -->
        <tfoot>
            <tr>
                <td>总结</td>
                <td>都有人</td>
                <td>很不错</td>
            </tr>
        </tfoot>
    </table>
</body>

</html>